<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>酒店预定</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="top_hw clearfix">
    <div class="top_h clearfix">
        <div class="top_hl"><span>欢迎来到美丽上海</span> 预定热线：<b>0000-129***2222</b></div>
        <div class="top_hr"><a href=" ">会员注册</a>  |  <a href="aogin.html">登录</a>  |  <a href="#">收藏</a>  
    </div>
</div>
</div>
<div class="b_wrap">
    <div class="current"><span>当前所在地：</span><a href=" ">首页</a> >> <a href=" ">餐饮住宿</a> >> <a href="#">酒店预定</a></div>
    <div class="clumn_w clearfix">
        <div class="clumn_l">
            <div class="clumn">
                <div class="clumn_tit t01">餐饮住宿</div>
                <div class="clumn_con">
                    <div class="cln_w">
                        <p>热门酒店</p>
                        <div class="cln_c clearfix">
                            <a href="#">上海宝格丽酒店</a>
                            <a href="#">上海幔麓酒店·杨小姐的花园</a>
                            <a href="#">和平饭店</a>
                            <a href="#">上海迪士尼乐园酒店</a>
                            <a href="#">上海外滩华尔道夫酒店</a>   
                            <a href="#">上海浦东香格里拉大酒店</a>
                            <a href="#">上海外滩W酒店</a>
                            <a href="#">上海浦东丽思卡尔顿酒店</a>
                            <a href="#">上海悦榕庄酒店</a>
                            <a href="#">上海苏宁宝丽嘉酒店酒店</a> 
                            <a href="#">上海半岛酒店</a>
                            <a href="#">上海万达瑞华酒店</a>
                        </div>
                    </div>
                    <div class="cln_w">
                        <p>房价</p>
                        <div class="cln_c clearfix">
                            <a href="#">600元以上</a>
                            <a href="#">300-600元</a>
                            <a href="#">150-300元</a>
                            <a href="#">150元以下</a>
                        </div>
                    </div>
                    <div class="cln_w">
                        <p>酒店星级</p>
                        <div class="cln_c clearfix">
                            <a href="#">五星/豪华</a>
                            <a href="#">四星/高档</a>
                            <a href="#">三星/舒适</a> 
                            <a href="#">经济/客栈</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clumn_r">
            <table class="cr_table" width="680" border="0" cellspacing="0" cellpadding="0">
                <tbody>
              <tr>
                <td class="td01">酒店名称：</td>
                <td><select class="t_st" name="select" id="select">
                </select></td>
              </tr>
              <tr>
                <td class="td01">房间类型：</td>
                <td><label>
                  <input type="text" name="textfield5" id="textfield5">
                </label></td>
              </tr>
              <tr>
                <td class="td01">客户姓名：</td>
                <td><label>
                  <input type="text" name="textfield" id="textfield">
                </label></td>
              </tr>
              <tr>
                <td class="td01">手机号码：</td>
                <td><label>
                  <input type="text" name="textfield2" id="textfield2">
                </label></td>
              </tr>
              <tr>
                <td class="td01">身份证号：</td>
                <td><label>
                  <input type="text" name="textfield3" id="textfield3">
                </label></td>
              </tr>
              <tr>
                <td colspan="2" class="td01">
                  <div class="rz_clu">入住人数：&nbsp;&nbsp;
                  <label>
                  <input type="text" name="textfield4" id="textfield4">
                  </label></div>
                  <div class="rz_clu">入住时间：
                  <label>
                  <input type="text" name="textfield4" id="textfield4">
                  </label></div>
                  <div class="rz_clu">入住日期：
                  <label>
                  <input type="text" name="textfield4" id="textfield4">
                  </label></div>
                </td>
              </tr>
              <tr>
                <td class="td01">特殊要求：</td>
                <td class="tarea"><textarea name="textarea" id="textarea" cols="45" rows="5"></textarea></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td><a href="#"><img src="images/qxgg.jpg"></a> &nbsp;&nbsp;<a href=""><img src="images/tjbd.jpg"></a></td>
              </tr></tbody>
            </table>
        </div>
    </div>
</div>
<div class="friend_w clearfix">
    <div class="friend clearfix">
        <dl class="friend_dl bg01">
            <dt><b>网站使用流程</b></dt>
            <dd><a href="#">网站使用流程</a></dd>
            <dd><a href="#">网站预定流程</a></dd>
            <dd><a href="#">会员注册流程</a></dd> 
            <dd><a href="#">网站支付流程</a></dd>
        </dl>
        <dl class="friend_dl bg02">
            <dt><b>会员中心</b></dt>
            <dd><a href="#">会员注册/登录</a></dd>
            <dd><a href="#">帮助中心</a></dd>
            <dd><a href="#">积分中心</a></dd>
            <dd><a href="#">支付中心</a></dd>
        </dl>
        <dl class="friend_dl bg05">
            <dt><b>旅游查询</b></dt>
            <dd><a href="#">天气预报</a></dd>  
            <dd><a href="#">火车查询</a></dd> 
            <dd><a href="#">电子地图</a></dd>   
            <dd><a href="#">航班时刻</a></dd>
        </dl>
    </div>
</div>
</body>
</html>
